<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扇贝</title>
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <link rel="icon" type="image/png" href="../assets/img/shanbay_favicon.png" />
    <link rel="stylesheet" href="../assets/css/base.css">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <!--字体图标-->
    <link rel="stylesheet" href="../assets/font/font-awesome/css/font-awesome.min.css">
    <!--自定义样式-->
    <link rel="stylesheet" href="../assets/css/index.css">

    <!--[if lt IE 8]>
    <p class="browserupgrade">你当前使用 <strong>过时</strong> 浏览器. 请 <a href="http://browsehappy.com/">更新你的浏览器</a> 来提高你的体验</p>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.min.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container-fluid">

        <!--头部 start-->
        <div class="container home-header">
            <!--top-header start-->
            <div class="top-header ">
                <a href="#" class="">登录</a>
                <span> | </span>
                <a href="#" class="">注册</a>
            </div>
            <!--top-header end-->

            <!--logo start-->
            <div class="text-center clearfix">
                <div class="row">
                    <img src="../assets/img/logo_v5.png" alt="">
                </div>
            </div>
            <!--logo end-->

            <div class="home-links text-center clearfix">
                <a href="#" data-target="#my-carousel" data-slide-to="0" class="active">单词</a>
                <a href="#" data-target="#my-carousel" data-slide-to="1" class="">听力</a>
                <a href="#" data-target="#my-carousel" data-slide-to="2" class="">新闻</a>
                <a href="#" data-target="#my-carousel" data-slide-to="3" class="">读书</a>
            </div>

        </div>
        <!--头部 end-->

        <!--内容 start-->
        <div class="container home-unlogin-body">
            <!--轮播图 start-->
            <div id="my-carousel" class="carousel slide" data-ride="carousel">

                <!-- 轮播图列表 -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="../assets/img/slide-01.png" alt="...">
                        <div class="text-desc">
                            <h4>扇贝新闻</h4>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>点击查词，扫清单词障碍</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <a class="download-btn" href="#">下载 APP</a>
                        </div>
                    </div>
                    <div class="item">
                        <img src="../assets/img/slide-02.png" alt="...">
                        <div class="text-desc">
                            <h4>扇贝新闻</h4>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>点击查词，扫清单词障碍</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <a class="download-btn" href="#">下载 APP</a>
                        </div>
                    </div>
                    <div class="item">
                        <img src="../assets/img/slide-03.png" alt="...">
                        <div class="text-desc">
                            <h4>扇贝新闻</h4>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>点击查词，扫清单词障碍</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <a class="download-btn" href="#">下载 APP</a>
                        </div>
                    </div>
                    <div class="item">
                        <img src="../assets/img/slide-04.png" alt="...">
                        <div class="text-desc">
                            <h4>扇贝新闻</h4>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>点击查词，扫清单词障碍</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <p>精选每日新闻，用英语看世界</p>
                            <a class="download-btn" href="#">下载 APP</a>
                        </div>
                    </div>

                </div>

                <!-- 左右控制器 -->
                <a class="left carousel-control" href="#my-carousel" role="button" data-slide="prev">
                    <i class="fa fa-angle-left fa-3x"></i>
                </a>
                <a class="right carousel-control" href="#my-carousel" role="button" data-slide="next">
                    <i class="fa fa-angle-right fa-3x"></i>
                </a>
                <ol class="carousel-indicators">
                    <li data-target="#my-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#my-carousel" data-slide-to="1"></li>
                    <li data-target="#my-carousel" data-slide-to="2"></li>
                    <li data-target="#my-carousel" data-slide-to="3"></li>
                </ol>
            </div>
            <!--轮播图 end-->


            <!--描述 START-->
            <div class="home-unlogin-desc">
                <div class="row">
                    <div class="col-sm-10 cos-md-10 col-sm-offset-1 col-md-offset-1">
                        <div class="row-fluid">
                            <div class="col-sm-4 cos-md-4 text-center item">
                                <a href="#">
                                    <div class="cover-wrap">
                                        <img src="../assets/img/menu-01.png">
                                    </div>
                                </a>
                                <a href="#"><h4>测单词量</h4></a>
                                <p>不知道自己的词汇量</p>
                                <p>还怎么学英语</p>
                                <p>赶快来试一试</p>
                            </div>
                            <div class="col-sm-4 cos-md-4 text-center item">
                                <a href="#">
                                    <div class="cover-wrap">
                                        <img src="../assets/img/menu-02.png">
                                    </div>
                                </a>
                                <a href="#"><h4>考试保险</h4></a>
                                <p>相信扇贝，更相信自己</p>
                                <p>一份努力一份收获</p>
                                <p>考试不过找扇贝</p>
                            </div>
                            <div class="col-sm-4 cos-md-4 text-center item">
                                <a href="#">
                                    <div class="cover-wrap">
                                        <img src="../assets/img/menu-03.png">
                                    </div>
                                </a>
                                <a href="#"><h4>扇贝社区</h4></a>
                                <p>学习路上，你不孤单</p>
                                <p>小组长"骚扰"你，关怀你</p>
                                <p>就是要让你一起坚持</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--描述 END-->

            <div id="footer" class="visible-desktop">
                <div class="row">
                    <div class="col-xs-10 cos-md-10 col-xs-offset-1 cos-md-offset-1">
                        <div class="col-xs-4 cos-md-4 item">
                            <h4 class="title">如何使用</h4>
                            <ul>
                                <li><a href="#">帮助</a></li>
                                <li><a href="#">小组</a></li>
                                <li><a href="#">博客</a></li>
                                <li><a href="#">论坛</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-4 cos-md-4 item">
                            <h4 class="title">关于扇贝</h4>
                            <ul>
                                <li><a href="#">关注我们</a></li>
                                <li><a href="#">加入我们</a></li>
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">友情链接</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-4 cos-md-4  item">
                            <h4 class="title">开发者</h4>
                            <ul>
                                <li><a target="_blank" href="#">wiki</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-4 cos-md-4  item">
                            <h4 class="title">合作伙伴</h4>
                            <ul>
                                <li><a href="http://www.harpercollins.com/" target="__blank"><img width="100" src="https://static.baydn.com/static/img/Collins.jpeg"></a></li>
                            </ul>
                        </div>


                    </div>

                </div>
                <div class="row text-center">
                    <div class="copyright col-sm-12 cos-md-12">
                        <div>
                            Copyright © 2009-2016 版权所有：南京贝湾教育科技有限公司
                        </div>
                        <div>
                            <a href="http://www.miitbeian.gov.cn/">苏ICP备13045540号-2</a> 公安备案号：32010202010034
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--内容 end-->
    </div>

    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/index.js"></script>
</body>
</html>